﻿<!DOCTYPE html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Tab选项卡</title>
	<script type="text/javascript" src="js/jquery-1.12.4.js"></script>
	<link href="css/screen.css" type="text/css" rel="stylesheet" />
</head>

<body>
	<br>
	<div align="center">
		<h1>JavaScript常用框架</h1>
		<div id="wrap">
			<a href="javascript:navigate_tabs('jQuery','first-tab');" class="buttons" id="first-tab">jQuery框架</a>
			<a href="javascript:navigate_tabs('Vue','second-tab');" class="buttons" id="second-tab">Vue框架</a>
			<a href="javascript:navigate_tabs('Reat','third-tab');" class="buttons" id="third-tab">React框架</a>
			<a href="javascript:navigate_tabs('Node','fourth-tab');" class="buttons" id="fourth-tab">Node.js框架</a>

			<br clear="all" />

			<div id="body" align="center">

				<div class="jQuery">
					<em>jQuery</em>是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。 <br /> 
				</div>
				<div class="Vue">
					<em>Vue</em>是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。
另一方面，当与单文件组件和 Vue 生态系统支持的库结合使用时，Vue 也完全能够为复杂的单页应用程序提供驱动。
				</div>
				<div class="Reat">
					<em>Reat</em>起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。<br />React主要用于构建UI。你可以在React里传递多种类型的参数，如声明代码，帮助你渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。				
				</div>
				<div class="Node">
					<em>Node.js</em>是一个Javascript运行环境(runtime environment)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js 不是一个 JavaScript 框架，不同于CakePHP、Django、Rails。Node.js 更不是浏览器端的库，不能与 jQuery、ExtJS 相提并论。Node.js 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。
				</div>
		</div>

	</div>

	
</body>

</html>